<!--The content below is only a placeholder and can be replaced.-->
<div style="text-align:center">
  <h1>
    Welcome to {{ title }}!
  </h1>
  <img width="300" alt="Angular Logo" src="">
</div>
<h2>Todo List </h2>
<fieldset>
  <legend>Add Todo</legend>
  <form>
    <p>
      <input name="todoContent" [(ngModel)]="todoContent" placeholder="Content">
    </p>
    <p>
      <button (click)="addTodo($event)">Add</button>
    </p>
  </form>
</fieldset>
<ul>
  <li *ngFor="let todo of todos | async">
    {{todo.content}}
  </li>
</ul>
